<template>
  <div class="wrapper">
    <img src="../../assets/img/gerzx/用户头像椭圆.png" height="100" width="100"/>
    <span>昵称</span>
    <p>
      我的邀请码 : 12345677890
    </p>
    <div class="share">
    <p>分享邀请码 邀请好友注册吧</p>
    </div>
  </div>

</template>
<script>
</script>
<style scoped>
  .wrapper img{
    margin-left: 1rem;
    font-size:0.8rem;
    margin-top: 1rem;
  }
  .wrapper span{
    font-size:0.9rem;
    margin-bottom: 0.8rem;
    color: #808080;
  }
  p{
    text-align: center;
  }
  p img{
    margin-top: 2rem;
  }
  .wrapper p:nth-child(3){
    font-size:0.8rem;
    margin-top: 1.5rem;
    color: #4d4d4d;
  }
  .share{
    margin-left: 2rem;
  }
  .share p:nth-child(1){
    font-size:0.7rem;
    margin-top: 1.5rem;
    color: #ffffff;
    margin-bottom: 1rem;
    width: 12rem;
    height: 1rem;
    background: #e53e42;
    border-radius: 1rem;
    padding-top: 0.2rem;

  }
</style>
